$(function(){

//    封装一个获取初始化数据的方法，将用户的信息渲染到页面上
    function init(){
        $.ajax({
            url:'/my/userinfo',
            type:'get',
            success:function(res){
                // 返回结果一旦成功，将数据渲染到页面上
                $('input[name=username]').val(res.data.username);
                $('input[name=nickname]').val(res.data.nickname);
                $('input[name=email]').val(res.data.email);
            }
        })
    }
    init();


    // 重新修改表单内容之后，
    $('#user-info-form').submit(function(e){
        e.preventDefault();
        // 获取表单数据
        
        let data = $(this).serialize();
        // console.log(data);
        // 获取表单数据之后向服务器发送post请求
        $.ajax({
            url:'/my/userinfo',
            type:'post',
            data:data,
            success:function(res){
                // console.log(res);
                layer.msg('修改成功');
            }
        })
    })

})